<!--Jquery Library
Need to get from Net
-->
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<!--Jquery Validation Plugin
Need to get from Net
-->
<script src="js/jquery.validate.js" type="text/javascript"></script>
<!--Validation for Register Form (we have to create this one) -->
<script src="js/jquery.register.js" type="text/javascript"></script>

<!-- Include Stylesheet -->
<link href="css/site.css" rel="stylesheet" type="text/css" />

<form id="registerId" action="" method="post">
  <table width="70%" cellspacing="0" align="center" border="0">
    <thead>
      <tr>
        <th colspan="2">Please fill the details</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td width="40%" class="right">Name :</td>
        <td width="60%" ><input type="text" placeholder="Enter Your Name" name="uname"  /></td>
      </tr>

      <tr>
        <td class="right">Email :</td>
        <td><input type="email" placeholder="Enter Your Email" name="email"  /></td>
      </tr>

      <tr>
        <td class="right">Password :</td>
        <td><input type="password" placeholder="Enter Your Password" id="passwordId" name="password"  /></td>
      </tr>

      <tr>
        <td class="right">Confirm Password :</td>
        <td><input type="password" placeholder="Enter Same password again" name="cpassword"  /></td>
      </tr>

      <tr>
        <td class="right">DOB :</td>
        <td><input type="date" placeholder="YYYY-MM-DD" name="dob"  /></td>
      </tr>

      <tr>
        <td class="right">Gender :</td>
        <td>

<label style="float:left;"><input type="radio" name="gender"  />Male</label>
<label style="float:left;"><input type="radio" name="gender"  />Female</label>

<label for="gender" style="float: left;width: 230px;" class="error"></label>
        </td>
      </tr>


      <tr>
        <td class="right">Address :</td>
        <td><textarea name="address" placeholder="My Address is.." ></textarea></td>
      </tr>

      <tr>
        <td class="right">Country :</td>
        <td>
<select name="country_id">
  <option value="">--SELECT--</option>
  <option value="1">India</option>
  <option value="2">Pakistan</option>
  <option value="3">Nepal</option>
  <option value="4">Bhutan</option>
  <option value="5">Bangladesh</option>
  <option value="6">SriLanka</option>
  <option value="7">China</option>
</select>
        </td>
      </tr>


      <tr>
        <td class="right">Course :</td>
        <td>
<select name="course_id" size="5" multiple>
  <option value="1">C</option>
  <option value="2">C++</option>
  <option value="3">PHP</option>
  <option value="4">JAVA</option>
  <option value="5">.NET</option>
  <option value="6">PYTHON</option>
  <option value="7">ROR</option>
</select>
        </td>
      </tr>

      <tr>
        <td class="right">Hobbies :</td>
        <td>
<div>
  <label><input type="checkbox" name="hobby[]"  />Cricket</label>
  <label><input type="checkbox" name="hobby[]"  />Hockey</label><br>
  <label><input type="checkbox" name="hobby[]"  />Tennis</label>
  <label><input type="checkbox" name="hobby[]"  />Football</label>
</div>

<label for="hobby[]" class="error"></label>
        </td>
      </tr>

      <tr>
        <td class="right">Upload Avatar :</td>
        <td><input type="file" name="avatar"  /></td>
      </tr>

      <tr>
        <td class="right">&nbsp;</td>
        <td><input type="submit" name="submit" value="I am done!!" /></td>
      </tr>


    </tbody>
  </table>

</form>
